/**
 * 熵巡 - 企业级氚云OpenAPI数据管理平台
 * 开发归属 Alyr.net
 * TAB导航控制
 * 尊重劳动成果是一种美德
 */

document.addEventListener('DOMContentLoaded', function() {
    initTabs();
});

function initTabs() {
    const tabLinks = document.querySelectorAll('.tab-link');
    const contentSections = document.querySelectorAll('.content-section');
    
    tabLinks.forEach(function(link) {
        link.addEventListener('click', function(e) {
            e.preventDefault();
            
            // 移除所有活动状态
            tabLinks.forEach(function(l) {
                l.classList.remove('active');
            });
            contentSections.forEach(function(section) {
                section.classList.remove('active');
            });
            
            // 添加当前活动状态
            this.classList.add('active');
            const targetId = this.getAttribute('data-tab');
            const targetSection = document.getElementById(targetId);
            if (targetSection) {
                targetSection.classList.add('active');
            }
            
            // 保存当前TAB状态
            localStorage.setItem('activeTab', targetId);
        });
    });
    
    // 恢复上次激活的TAB，没有则默认激活第一个
    const savedTab = localStorage.getItem('activeTab');
    if (savedTab) {
        const savedTabLink = document.querySelector(`[data-tab="${savedTab}"]`);
        if (savedTabLink) {
            savedTabLink.click();
            return;
        }
    }
    
    // 默认激活第一个TAB
    if (tabLinks.length > 0) {
        tabLinks[0].click();
    }
}